/* 图片公共样式 */
img {
  width: 100%;
}

/* 主体部分公共样式 */
.png,
.png-n,
.png-1,
.png-2,
.png-3,
.png-4,
.png-5,
.png-6,
.png-8 {
  display: block;
}
/* 更改分页器和三角的颜色 */
.swiper {
  --swiper-theme-color: #000;
}
/* 13.webp跳转部分  */
.png-7,
.png-9 {
  /* 父相 */
  position: relative;
}
.png-7 .none-h,
.png-9 {
  /* 父级设置弹性盒 */
  display: flex;
}
/* 设置空盒子用来辅助跳转 */
.png-7 .none-h a div {
  width: 319px;
  height: 172px;
  background-color: black;
  /* 设置层级 */
  z-index: 999;
  /* 设置光标小手 */
  cursor: pointer;
  /* 透明度0是完全透明 */
  opacity: 0;
}
/* 设置第1个a链接子元素 */
.png-7 .none-h a:nth-child(1) {
  /* 子级绝对定位 */
  position: absolute;
  top: -21px;
  left: 265px;
}
.png-7 .none-h a:nth-child(2) {
  /* 子绝 */
  position: absolute;
  top: -22px;
  left: 600px;
}
.png-7 .none-h a:nth-child(3) {
  position: absolute;
  top: -21px;
  left: 933px;
}

/*  09.webp跳转部分  */
/* 设置空盒子用来辅助跳转 */
.png-9 .none-v a div {
  width: 316px;
  height: 142px;
  background-color: black;
  /* 设置层级 */
  z-index: 999;
  /* 设置光标小手 */
  cursor: pointer;
  /* 透明度0是完全透明 */
  opacity: 0;
}
/* 设置第1个a链接子元素 */
.png-9 .none-v a:nth-child(1) {
  /* 子级绝对定位 */
  position: absolute;
  top: 201px;
  left: 267px;
}
.png-9 .none-v a:nth-child(2) {
  /* 子绝 */
  position: absolute;
  top: 201px;
  left: 600px;
}
.png-9 .none-v a:nth-child(3) {
  position: absolute;
  top: 201px;
  left: 935px;
}
